<template>
    <div class="recommend">
           <div v-for="(item,index) in recomments" :key="index">
                    <a :href="item.link">
                        <img :src="item.image" alt="">
                        <div>{{item.title}}</div>
                    </a>
           </div>
    </div>
</template>

<script>
export default {
    props:['recomments']
}
</script>

<style scoped>
.recommend{
    margin-top: 4px;
    display: flex;
    width: 100%;
    justify-content:space-around;
    text-align: center;
    font-size: 14px;
}
.recommend img{
    width: 70px;
    margin-bottom: 4px;
}
</style>